
    <ion-view view-title="天天疯抢">
        <ion-nav-buttons side="left">
            <a class="button button-icon icon ion-ios-arrow-left" href="#/tab/home">
            </a>
        </ion-nav-buttons>
        <ion-content style="background-color: #eee">
          <div class="row" style="padding: 0 10px;background-color: rgb(69,77,90)">
              <div class="col timeclick" style="margin: 5px 0;text-align: center;">
                  <ul style="color: #ffffff">
                    <li style="font-size: 17px;font-family: dismay">10:00</li>
                    <li>已开抢</li>
                  </ul>

                  <!--<span style="margin: 0;color: #ffffff">10:00</span>-->
                  <!--<span style="margin: 0">已开抢</span>-->
              </div>
              <div class="col " style="margin: 5px 0;text-align: center;">
                <ul style="color: #ffffff">
                  <li style="font-size: 17px;font-family: dismay">12:00</li>
                  <li>已开抢</li>
                </ul>
                  <!--<h5 style="margin: 0">15:00</h5>-->
                  <!--<h5 style="margin: 0">已开抢</h5>-->
              </div>
              <div class="col " style="margin: 5px 0;text-align: center;">
                <ul style="color: #ffffff">
                  <li style="font-size: 17px;font-family: dismay">15:00</li>
                  <li>已开抢</li>
                </ul>
                  <!--<h5 style="margin: 0">15:00</h5>-->
                  <!--<h5 style="margin: 0">进行中</h5>-->
              </div>
              <div class="col " style="margin: 5px 0;text-align: center;">
                <ul style="color: #ffffff">
                  <li style="font-size: 17px;font-family: dismay">20:00</li>
                  <li>即将开抢</li>
                </ul>
                  <!--<h5 style="margin: 0">20:00</h5>-->
                  <!--<h5 style="margin: 0">即将开抢</h5>-->
              </div>
              <div class="col " style="margin: 5px 0;text-align: center;">
                <ul style="color: #ffffff">
                  <li style="font-size: 17px;font-family: dismay">21:00</li>
                  <li>即将开抢</li>
                </ul>
                  <!--<h5 style="margin: 0">21:00</h5>-->
                  <!--<h5 style="margin: 0">即将开抢</h5>-->
              </div>
          </div>
           <div style="margin: 10px  20%;text-align: center;position: relative">
               <h4 style="height: 1px;width: 100%;background-color: grey;position: absolute;z-index: -1"></h4>
               <h4 style="margin: 0 30%;background-color: #eee" >
                   <img src="img/icon/clock.jpg" style="width: 15px">
                   已开抢
               </h4>
           </div>
            <div style="margin: 0 10%;text-align: center;" >
                <div class="row row-no-padding" style="padding-bottom: 0.5rem">
                    <h5 class="col col-19" >距结束</h5>
                    <div class="col col-27" >
                        <div class="row ">
                            <div class="col col-30 font1" style="background-color: rgb(69,77,90);border-radius: 5px;margin-right: 5%">0</div>
                            <div class="col col-30 font1" style="background-color: rgb(69,77,90);border-radius: 5px;margin-right: 5%">1</div>
                            <div class="col col-30 font1" >时</div>
                        </div>
                    </div>
                    <div class="col col-27" >
                        <div class="row">
                            <div class="col col-30 font1" style="background-color: rgb(69,77,90);border-radius: 5px;margin-right: 5%">2</div>
                            <div class="col col-30 font1" style="background-color: rgb(69,77,90);border-radius: 5px;margin-right: 5%">1</div>
                            <div class="col col-30 font1" >分</div>
                        </div>
                    </div>
                    <div class="col col-27" >
                        <div class="row">
                            <div class="col col-30 font1" style="background-color: rgb(69,77,90);border-radius: 5px;margin-right: 5%">2</div>
                            <div class="col col-30 font1" style="background-color: rgb(69,77,90);border-radius: 5px;margin-right: 5%">1</div>
                            <div class="col col-30 font1" >秒</div>
                        </div>
                    </div>
                </div>
            </div>
          <div style="background: white;margin-bottom: 10px" class="list">
            <a class="item item-thumbnail-left" href="#">
              <img src="img/home/secDeal_Goods1.jpg">
              <h5 style="white-space: normal">欧式家具必备，彩条门前地毯，厨房浴室客厅垫，色彩随机</h5>
              <div class="row">
                <div class="col col-66">
                  <h5 class="baseColor" style="float: left;">￥20</h5>
                  <h6 class="shadowColorThrough" style="float: left;margin-left: 10px;line-height: inherit;">100</h6>
                  <div style="clear: both"></div>
                  <div >
                    <div class="shadowBackground " style="height: 10px;border-radius: 5px;float: left;width: 65%">
                      <div class="baseBackground" style="width: 50%;height: 10px;border-radius: 5px"></div>
                    </div>
                    <div style="float: right;width: 30%;font-size: 10px;line-height: 10px">已抢50%</div>
                  </div>
                </div>
                <div class="col ">
                  <button class="button" style="font-size: 1.8rem;min-height:2.5rem;background: rgb(251,72,66);border-radius: 6px;line-height:3rem;color: white">马上抢</button>
                </div>
              </div>

            </a>
          </div>
            <div style="background: white;margin-bottom: 10px" class="list">
                <a class="item item-thumbnail-left" href="#">
                    <img src="img/home/secDeal_Goods2.jpg">
                    <h5 style="white-space: normal">欧式家具必备，彩条门前地毯，厨房浴室客厅垫，色彩随机</h5>
                    <div class="row">
                        <div class="col col-66">
                            <h5 class="baseColor" style="float: left;">￥20</h5>
                            <h6 class="shadowColorThrough" style="float: left;margin-left: 10px;line-height: inherit;">100</h6>
                            <div style="clear: both"></div>
                            <div >
                                <div class="shadowBackground " style="height: 10px;border-radius: 5px;float: left;width: 65%">
                                    <div class="baseBackground" style="width: 50%;height: 10px;border-radius: 5px"></div>
                                </div>
                                <div style="float: right;width: 30%;font-size: 10px;line-height: 10px">已抢50%</div>
                            </div>
                        </div>
                        <div class="col ">
                            <button class="button" style="font-size: 1.8rem;min-height:2.5rem;background: rgb(251,72,66);border-radius: 6px;line-height:3rem;color: white">马上抢</button>
                        </div>
                    </div>

                </a>
            </div>
            <div style="background: white;margin-bottom: 10px" class="list">
                <a class="item item-thumbnail-left" href="#">
                    <img src="img/home/secDeal_Goods3.jpg">
                    <h5 style="white-space: normal">欧式家具必备，彩条门前地毯，厨房浴室客厅垫，色彩随机</h5>
                    <div class="row">
                        <div class="col col-66">
                            <h5 class="baseColor" style="float: left;">￥20</h5>
                            <h6 class="shadowColorThrough" style="float: left;margin-left: 10px;line-height: inherit;">100</h6>
                            <div style="clear: both"></div>
                            <div >
                                <div class="shadowBackground " style="height: 10px;border-radius: 5px;float: left;width: 65%">
                                    <div class="baseBackground" style="width: 50%;height: 10px;border-radius: 5px"></div>
                                </div>
                                <div style="float: right;width: 30%;font-size: 10px;line-height: 10px">已抢50%</div>
                            </div>
                        </div>
                        <div class="col ">
                            <button class="button" style="font-size: 1.8rem;min-height:2.5rem;background: rgb(251,72,66);border-radius: 6px;line-height:3rem;color: white">马上抢</button>

                        </div>
                    </div>

                </a>
            </div>
          <div style="background: white;margin-bottom: 10px" class="list">
            <a class="item item-thumbnail-left" href="#">
              <img src="img/home/secDeal_Goods3.jpg">
              <h5 style="white-space: normal">欧式家具必备，彩条门前地毯，厨房浴室客厅垫，色彩随机</h5>
              <div class="row">
                <div class="col col-66">
                  <h5 class="baseColor" style="float: left;">￥20</h5>
                  <h6 class="shadowColorThrough" style="float: left;margin-left: 10px;line-height: inherit;">100</h6>
                  <div style="clear: both"></div>
                  <div >
                    <div class="shadowBackground " style="height: 10px;border-radius: 5px;float: left;width: 65%">
                      <div class="baseBackground" style="width: 50%;height: 10px;border-radius: 5px"></div>
                    </div>
                    <div style="float: right;width: 30%;font-size: 10px;line-height: 10px">已抢50%</div>
                  </div>
                </div>
                <div class="col ">
                  <button class="button" style="font-size: 1.8rem;min-height:2.5rem;background: rgb(251,72,66);border-radius: 6px;line-height:3rem;color: white">马上抢</button>
                </div>
              </div>

            </a>
          </div>

        </ion-content>
    </ion-view>


